.tab-wrapper {
  width: 100%;
  padding: 10px;
  position: relative;
  .tab-header {
    width: 100%;
    overflow-x: auto;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #eee;
    .tab-header-content {
      // width: 1890px;
      height: 50px;
      // display: flex;
      // flex-wrap: nowrap;
      span {
        // display: inline-block;
        padding: 5px 10px;
        margin: 5px;
        text-align: center;
        line-height: 50px;
        background: lightcoral;
        border-radius: 5px;
        color: #fff;
      }
      .active-span {
        background: red;
        color: gold;
      }
    }
  }
  .tab-content {
    display: flex;
    flex-wrap: wrap;
    .tab-content-item {
      margin: 5px;
      width: 45%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      .font-msg {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
      }
    }
  }
}
